<template>
  <div class="blank-box">
    <div class="tit" v-if="title" v-text="title"></div>
    <div class="content">
      <slot name="content">

      </slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "BlankBox",
  props: {
    title: undefined
  }
}
</script>

<style scoped>
.blank-box {
  background-color: #FFFFFF;
  margin: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

.blank-box .tit {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 16px;
  border-bottom: 1px dotted #DEDEDE;
}

.blank-box .content{
  padding: 16px;
}
</style>
